// 这个是element-ui的完整引入方式，开发阶段用的多，但是生产阶段都要改为按需引入
// import ElementUI from 'element-ui';
// import 'element-ui/lib/theme-chalk/index.css';
// Vue.use(ElementUI);


// element-ui的按需引入,element-ui当中的组件才能使用use去注册，因为它内部
// 把组件暴露的方式做了两种
import Vue from 'vue'
import { Button,MessageBox,Message,Input} from 'element-ui';
// Vue.component(Button.name,Button)
Vue.use(Button)
Vue.use(Input)


// 按需引入的时候注意：重点
// element-ui当中其实包含两大类组件
// 一大类是可以写组件标签使用的 例如Button
// 另外一大类是没办法写组件标签使用的，而是通过js去实现
//   这一类组件其实最终是一个对象或者一个函数，它并不是我们认为的组件
//   它代表的是一个功能，那么这一类组件，我们要用就是挂在vue的原型身上
//   在用的时候直接调用这个js功能  例如 MessageBox

// 这就是第二类组件的注册方式
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;
Vue.prototype.$confirm = MessageBox.confirm;
Vue.prototype.$prompt = MessageBox.prompt;
Vue.prototype.$message = Message;